<template>
    <div id="applyinfo">
        <el-row>
            <el-col :span='6' class="info-tit">申领类型</el-col>
            <el-col :span='18' class="info-text">{{data.apply_type.title?data.apply_type.title:'-'}}</el-col>
        </el-row>
        <el-row>
            <el-col :span='6' class="info-tit">关联类型</el-col>
            <el-col :span='18' class="info-text">-</el-col>
        </el-row>
        <el-row>
            <el-col :span='6' class="info-tit">班型费用</el-col>
            <el-col :span='18' class="info-text">{{data.discounts*1+data.enroll_cost*1+' 元'}}</el-col>
        </el-row>
        <el-row>
            <el-col :span='6' class="info-tit">优惠金额</el-col>
            <el-col :span='18' class="info-text">{{data.discounts?data.discounts+' 元':'-'}}</el-col>
        </el-row>
        <el-row>
            <el-col :span='6' class="info-tit">应收金额</el-col>
            <el-col :span='18' class="info-text">{{data.enroll_cost?data.enroll_cost+' 元':'-'}}</el-col>
        </el-row>
        <el-row>
            <el-col :span='6' class="info-tit">已缴金额</el-col>
            <el-col :span='18' class="info-text">{{data.actual_cost?data.actual_cost+' 元':'-'}}</el-col>
        </el-row>
        <el-row>
            <el-col :span='6' class="info-tit">交费类型</el-col>
            <el-col :span='18' class="info-text">{{data.pay_type==1?'全款':'分期'}}</el-col>
        </el-row>
        <el-row>
            <el-col :span='6' class="info-tit">报名材料</el-col>
            <el-col :span='18' class="info-text">{{data.enroll_data.title.length>0?data.enroll_data.title.join('，'):'-'}}</el-col>
        </el-row>
        <el-row>
            <el-col :span='6' class="info-tit">报名备注</el-col>
            <el-col :span='18' class="info-text">{{data.enroll_remark?data.enroll_remark:'-'}}</el-col>
        </el-row>
        <el-row>
            <el-col :span='6' class="info-tit">操作人</el-col>
            <el-col :span='18' class="info-text">{{data.operate_user?data.operate_user:'-'}}</el-col>
        </el-row>
        <el-row>
            <el-col :span='6' class="info-tit">报名时间</el-col>
            <el-col :span='18' class="info-text">{{data.enroll_time?data.enroll_time:'-'}}</el-col>
        </el-row>
    </div>
</template>

<script>
export default {
    data(){
        return {
        }
    },
    props:{
      data:{
          type:Object,
          default:()=>{
            return {}
          }
      }
    }

}
</script>

<style scoped lang='scss'>
#applyinfo{
  ::v-deep{
    .el-row{
      border-bottom: 1px solid #f8f8f8;
      &:last-child{
        border-bottom: none;
      }
    }
  }
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    .info-tit{
      color: #333;
        font-weight: 600;
    background-color: #f8fafe;
    padding-left: 30px;
    height: 100%;
    line-height: 38px;
    }
    .info-text{

        padding-left: 20px;
    overflow: hidden;
    white-space: nowrap;
    line-height: 38px;
    }
}
</style>
